<!-- Template FileRequest upload item -->
<div class="block-uploading-item hidden" id="file-upload-item-template">
    <div class="item-details">
        <div class="item-name">
        </div>
        <div class="item-size">
        </div>
        <div class="item-status transfer-status">
        </div>
    </div>
    <div class="item-progress">
        <div class="item-progress-bar" style="width: 0%"></div>
    </div>
    <div class="item-error hidden">
        <span class="error-icon">
            <i class="sprite-fm-mono icon-alert-triangle"></i>
        </span>
        <span class="error-message-wrapper">
            <span class="error-message">[$1578]</span>
            <a class="error-reupload hidden">[$file_request_upload_error_reupload]</a>
        </span>
    </div>
</div>
<!-- END Template FileRequest upload item -->

<div class="file-request-upload-page">
    <div class="page-wrapper">
        <div class="page-main">
            <div class="page-logo">
                <i class="sprite-fm-uni icon-mega-logo"></i>
                <i class="icon-mega-logo-mobile hidden"></i>
            </div>
            <div class="page-content">
                <div class="content-wrapper">
                    <h1 class="content-title">
                        [$file_request_upload_content_title]
                    </h1>
                    <div class="content-details">
                        <span class="error-icon">
                            <i class="sprite-fm-mono icon-alert-triangle"></i>
                        </span>
                        <div class="detail-wrapper">
                            <h2 class="detail-title">
                                EOFY Project
                            </h2>
                            <p class="detail-description">
                                Can everyone please upload their reports by 00/00/0000
                            </p>
                            <p class="detail-upload-id">
                                [$file_request_upload_content_upload_id] <span class="upload-id">XXXXX</span>
                            </p>
                        </div>
                    </div>
                    <div class="content-upload-block block-empty">
                        <div class="block-empty-icon">
                            <i class="sprite-fm-mime-90 icon-folder-upload-90"></i>
                        </div>
                        <div class="block-empty-icon error-icon">
                            <i class="sprite-fm-mono icon-folder-upload-1"></i>
                        </div>
                        <div class="block-empty-caption">
                            [$file_request_upload_empty]
                        </div>
                    </div>
                    <div class="content-upload-block mobile block-empty">
                        <a class="upload-btn block-empty-upload-button" href="#">[$file_request_upload_empty_block_mobile]</a>
                    </div>
                    <div class="content-upload-block block-uploading hidden">
                        <div class="block-uploading-scroll">
                        </div>
                    </div>
                    <div class="content-upload-summary hidden">
                        <div class="upload-info">
                        </div>
                        <a class="upload-more">
                            <span class="add-icon">
                                <i class="sprite-fm-mono icon-plus-circle-filled"></i>
                            </span>
                            <span>[$file_request_upload_summary_button_add]</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="page-caption">
            <div class="page-caption-wrapper">
                <p>[$file_request_upload_caption_1]</p>
                <p>[$file_request_upload_caption_2]</p>
            </div>
        </div>
        <div class="page-footer">
            <div class="page-copyright">
                <div class="copyright-wrapper">
                    <a href="https://mega.nz" target="_blank" class="wu-copyrights nz-url">
                        <span>&copy; [$0]</span> <span class="year">[$381]</span>
                    </a>
                </div>
            </div>
            <div class="page-language">
                <a class="language-wrapper">
                    <span class="language-icon">
                        <i class="sprite-fm-mono icon-globe-01"></i>
                    </span>
                    <span class="language-text">EN</span>
                </a>
            </div>
        </div>
    </div>
</div>
<div class="hidden">
    <input id="fileselect5" type="file" multiple>
</div>

<div class="mobile-only">
    <div class="dark-overlay hidden" id="loading-overlay"></div>
</div>


<!-- Dialog: languages-dialog-mobile -->
<!-- Duplicated in staticdialog.html -->
<div class="mega-dialog dialog-template-main languages-dialog-mobile hidden"
        role="dialog"
        aria-labelledby="languages-dialog-title"
        aria-modal="true">

    <button class="close js-close" aria-label="[$148]">
        <i class="sprite-fm-mono icon-dialog-close"></i>
    </button>

    <header>
        <h2 id="languages-dialog-title">[$1038]</h2>
    </header>

    <section class="content">
        <div id="language_menu_options" class="content-block language-menu-options">
            <div class="tier-one-languages"></div>
            <div class="show-more-languages">
                <div class="show-more-text">[$7657]</div>
                <div class="bar">
                    <div></div>
                </div>
                <div class="round-arrow">
                    <span></span>
                </div>
            </div>
            <div class="tier-two-languages"></div>
            <a class="language-template nlanguage-lnk" data-lang-code="">
                <span class="native-language-name"></span>
                <span class="beta hidden">BETA</span>
            </a>
        </div>
    </section>

    <footer>
        <div class="footer-container">
            <button class="mega-button positive fm-languages-save">
                <span>[$776]</span>
            </button>
        </div>
    </footer>
</div>
